<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org"
	xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
<head th:replace="top::html" />
<body class="fixed hold-transition skin-blue">
	<div class="wrapper">
		<!-- Main Header -->
		<div th:replace="tophtml::html"></div>
		<!-- Left side column. contains the logo and sidebar -->
		<div th:replace="left::html"></div>

		<!-- Content Wrapper. Contains page content -->
		<div class="content-wrapper">
			<!-- Content Header (Page header) -->
			<section class="content-header">
				<h1>
					<input type="hidden" id="conferenceId" th:value="${conferenceId}"/>
				</h1>
				<div class="audit_k">
					会议详细信息&nbsp;&nbsp;&nbsp; <a
						href="javascript:void(0);selectAnchor('anchor1');"
						onclick="document.getElementById('anchor1').scrollIntoView()">嘉宾管理</a>&nbsp;&nbsp;&nbsp;
					<a href="javascript:void(0);selectAnchor('anchor2');"
						onclick="document.getElementById('anchor2').scrollIntoView()">项目管理</a>&nbsp;&nbsp;&nbsp;
					<a href="javascript:void(0);selectAnchor('anchor3');"
						onclick="document.getElementById('anchor3').scrollIntoView()">客户管理</a>&nbsp;&nbsp;&nbsp;
				</div>

				<ol class="breadcrumb">
					<li><a th:href="@{/index}"><i class="fa fa-dashboard"></i>用户中心</a></li>
					<li><a th:href="@{/conference/conferenceList}"><i
							class="fa fa-dashboard"></i>会议管理</a></li>
					<li><a href="">会议详情</a></li>
				</ol>
			</section>

			<!-- Main content -->
			<section class="content container-fluid">
				<table class="table table-bordered" th:object="${project}"
					id="details">
					<tr>
						<td>会议名称：</td>
						<td th:text="${conference.conferenceName}">xxxxx</td>
						<td>会议总结：</td>
						<td th:text="${conference.conferenceSummary}">xxxxx</td>
					</tr>
					<tr>
						<td>会议主页：</td>
						<td th:text="${conference.conferenceWebSite}">xxxxx</td>
						<td>演讲嘉宾：</td>
						<td th:text="${conference.conferenceGuestName}">xxxxx</td>
					</tr>
					<tr>
						<td>所属领域：</td>
						<td th:text="${conference.researchFieldNameStr}">xxxxx</td>
						<td>执行团队：</td>
						<td th:text="${conference.tearm}">xxxxx</td>
					</tr>

					<tr>
						<td>开始时间：</td>
						<td th:text="${conference.conferenceDateTime}">xxxxx</td>
						<td>结束时间：</td>
						<td th:text="${conference.conferenceBeginTime}">xxxxx</td>
					</tr>
					<tr>
						<td>国内国外：</td>
						<td th:text="${conference.domesticOrForeign == 0 ? '国内' : '国外'}">xxxxx</td>
						<td>地区：</td>
						<td th:text="${conference.areaNameStr}">xxxxx</td>
					</tr>
					<tr>
						<td>备注1：</td>
						<td th:text="${conference.remark1}">xxxxx</td>
						<td>备注2：</td>
						<td th:text="${conference.remark2}">xxxxx</td>
					</tr>

				</table>

				<div class="menuTitle2">
					<span><a name="anchor1" id="anchor1" style="">嘉宾管理</a> </span> 
				</div>

				<div class="menuContent2">
					<div class="outside_t" style="margin: 10px 0 0 0">
						<table id="person" class="table table-bordered">
							<thead>
						        <tr>
									<th>会议名称</th>
									<th>嘉宾姓名</th>
									<th>操作</th>
								</tr>
					</thead>
						</table>
					</div>
				</div>
				
				
				<div class="menuTitle2">
					<span><a name="anchor1" id="anchor2" style="">项目管理</a> </span>
				</div>

				<div class="menuContent2">
					<div class="outside_t" style="margin: 10px 0 0 0">
						<table id="project" class="table table-bordered">
							<thead>
						        <tr>
									<th>会议名称</th>
									<th>项目名称</th>
									<th>操作</th>
								</tr>
					       </thead>
						</table>
					</div>
				</div>
				
				
				
				<div class="menuTitle2">
					<span><a name="anchor1" id="anchor3" style="">客户管理</a> </span>
				</div>

				<div class="menuContent2">
					<div class="outside_t" style="margin: 10px 0 0 0">
						<table id="customer" class="table table-bordered">
							<thead>
						        <tr>
									<th>会议名称</th>
									<th>客户姓名</th>
									<th>操作</th>
								</tr>
					       </thead>
						</table>
					</div>
				</div>
				

<a href="#0" class="cd-top cd-is-visible">Top</a>
				<div class="box-footer">
					<button type="button" class="btn btn-primary" onclick="window.history.go(-1)" >返回</button>
					<a class="btn btn-primary" th:href="@{/conference/updateConference(pid=${conference.pid})}">修改</a>
					<a class="btn btn-primary" th:href="@{/confofattr/conferencePerson(pid=${conference.pid})}">嘉宾管理</a>
					<a class="btn btn-primary" th:href="@{/confofattr/conferenceProject(pid=${conference.pid})}">项目管理</a>
					<a class="btn btn-primary" th:href="@{/confofattr/conferenceCustomer(pid=${conference.pid})}">客户管理</a>
					<a class="btn btn-primary" href="javascirpt:void(0)" th:onclick="'javascript:subscribe(\''+${conference.pid}+'\',5)'">关注</a>
				</div>
			</section>
		</div>

		<!-- Main Footer -->
		<div th:replace="footer::html"></div>
		<div class="control-sidebar-bg"></div>
	</div>
	<!-- 引入js -->
	<div th:replace="bottom::html"></div>
	<link rel="stylesheet" href="/bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css">
	<script
		src="/bower_components/datatables.net/js/jquery.dataTables.min.js"></script>
	<script
		src="/bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js"></script>


	<script type="text/javascript">
		 var pid = $("#conferenceId").val();
		$(document)
				.ready(
						function() {
						 $('#person').DataTable( {
						        "ajax": {
						        	"url" : "/confofattr/ajaxConferencePerson",
						            "dataSrc": "",
						            "data" : {
										'pid' : pid
									}
						        },
						        "language": {
						        	"lengthMenu": "每页显示 _MENU_ 条记录",
						            "zeroRecords": "没有记录",
						            "info": "当前第 _PAGE_页   总共 _PAGES_页",
						            "infoEmpty": "没有查询到记录",
						            "infoFiltered": "(从 _MAX_ 条记录里筛选)"
						        },
						        "columns" : [ {
									"data" : "conferenceName"
								}, {
									"data" : "personName"
								} ],
								"columnDefs" : [
												// 增加一列，包括删除和修改，同时将我们需要传递的数据传递到链接中
												{
													"targets" : [ 2 ], // 目标列位置，下标从0开始
													"data" : "personId", // 数据列名
													"render" : function(data, type, row, meta) { // 返回自定义内容
														return "<a href='/person/updateView?pid="
																+ row.personId
																+ "&conferencePid="+row.conferenceId+"&origType=111'>修改</a>&nbsp;<a href='/confofattr/deleteConferenceGuestForDetail?conferencePid=" + row.conferenceId + "&personPid="+row.personId+"'>删除</a>";
													}
												},
												{
													"targets" : [ 0 ], // 目标列位置，下标从0开始
													"data" : "conferenceName", // 数据列名
													"render" : function(data, type, row, meta) { // 返回自定义内容
														 if (data.length > 12) {
															  return "<a href='"
																+ row.conferenceWebSite
																+ "' target='_blank'>"+'<span title="' + data + '">' + data.substr(0, 11) + '...</span>'+"</a>";
											                } else {
											                	  return "<a href='"
																	+ row.conferenceWebSite
																	+ "' target='_blank'>"+data+"</a>";
											                }		
													}
												},
												{
													"targets" : [ 1 ], // 目标列位置，下标从0开始
													"data" : "personName", // 数据列名
													"render" : function(data, type, row, meta) { // 返回自定义内容
																
																if (data.length > 12) {
																	  return "<a href='/person/personDetails?pid="
																		+ row.personId
																		+ "'>"+'<span title="' + data + '">' + data.substr(0, 11) + '...</span>'+"</a>";
													                } else {
													                	  return "<a href='/person/personDetails?pid="
																			+ row.personId
																			+ "'>"+data+"</a>";
													                }
													}
												}]
						    } );
						 
						 
						 
						 
						 
						 $('#project').DataTable( {
						        "ajax": {
						        	"url" : "/confofattr/ajaxConferenceProject",
						            "dataSrc": "",
						            "data" : {
										'pid' : pid
									}
						        },
						        "language": {
						        	"lengthMenu": "每页显示 _MENU_ 条记录",
						            "zeroRecords": "没有记录",
						            "info": "当前第 _PAGE_页   总共 _PAGES_页",
						            "infoEmpty": "没有查询到记录",
						            "infoFiltered": "(从 _MAX_ 条记录里筛选)"
						        },
						        "columns" : [ {
									"data" : "conferenceName"
								}, {
									"data" : "projectName"
								} ],
								"columnDefs" : [
												// 增加一列，包括删除和修改，同时将我们需要传递的数据传递到链接中
												{
													"targets" : [ 2 ], // 目标列位置，下标从0开始
													"data" : "projectId", // 数据列名
													"render" : function(data, type, row, meta) { // 返回自定义内容
														return "<a href='/project/showUpdateOverRide?projectId="
																+ row.projectId
																+ "&conferencePid="+row.conferenceId+"&origType=111'>修改</a>&nbsp;<a href='/confofattr/deleteConferenceProjectForDetail?conferencePid=" + row.conferenceId + "&projectId="+row.projectId+"'>删除</a>";
													}
												},
												{
													"targets" : [ 0 ], // 目标列位置，下标从0开始
													"data" : "conferenceName", // 数据列名
													"render" : function(data, type, row, meta) { // 返回自定义内容
																
																  if (data.length > 12) {
																	  return "<a href='"
																		+ row.conferenceWebSite
																		+ "' target='_blank'>"+'<span title="' + data + '">' + data.substr(0, 11) + '...</span>'+"</a>";
													                } else {
													                	  return "<a href='"
																			+ row.conferenceWebSite
																			+ "' target='_blank'>"+data+"</a>";
													                }		
													}
												},
												{
													"targets" : [ 1 ], // 目标列位置，下标从0开始
													"data" : "projectName", // 数据列名
													"render" : function(data, type, row, meta) { // 返回自定义内容
														  if (data.length > 12) {
															  return "<a href='/project/showDetail?projectId="
																+ row.projectId
																+ "'>"+'<span title="' + data + '">' + data.substr(0, 11) + '...</span>'+"</a>";
											                } else {
											                	  return "<a href='/project/showDetail?projectId="
																	+ row.projectId
																	+ "'>"+data+"</a>";
											                }
													}
												}]
						    } );
						 
						 
						 $('#customer').DataTable( {
						        "ajax": {
						        	"url" : "/confofattr/ajaxConferenceCustomer",
						            "dataSrc": "",
						            "data" : {
										'pid' : pid
									}
						        },
						        "language": {
						        	"lengthMenu": "每页显示 _MENU_ 条记录",
						            "zeroRecords": "没有记录",
						            "info": "当前第 _PAGE_页   总共 _PAGES_页",
						            "infoEmpty": "没有查询到记录",
						            "infoFiltered": "(从 _MAX_ 条记录里筛选)"
						        },
						        "columns" : [ {
									"data" : "conferenceName"
								}, {
									"data" : "customerName"
								} ],
								"columnDefs" : [
												// 增加一列，包括删除和修改，同时将我们需要传递的数据传递到链接中
												{
													"targets" : [ 2 ], // 目标列位置，下标从0开始
													"data" : "customerId", // 数据列名
													"render" : function(data, type, row, meta) { // 返回自定义内容
														return "<a href='/customer/updateCustomer?pid="
																+ row.customerId
																+ "&conferencePid="+row.conferenceId+"&origType=111'>修改</a>&nbsp;<a href='/confofattr/deleteConferenceCustomerForDetail?conferencePid=" + row.conferenceId + "&customerId="+row.customerId+"'>删除</a>";
													}
												},
												{
													"targets" : [ 0 ], // 目标列位置，下标从0开始
													"data" : "conferenceName", // 数据列名
													"render" : function(data, type, row, meta) { // 返回自定义内容
														 if (data.length > 12) {
															  return "<a href='"
																+ row.conferenceWebSite
																+ "' target='_blank'>"+'<span title="' + data + '">' + data.substr(0, 11) + '...</span>'+"</a>";
											                } else {
											                	  return "<a href='"
																	+ row.conferenceWebSite
																	+ "' target='_blank'>"+data+"</a>";
											                }		
													}
												},
												{
													"targets" : [ 1 ], // 目标列位置，下标从0开始
													"data" : "customerName", // 数据列名
													"render" : function(data, type, row, meta) { // 返回自定义内容
																
																if (data.length > 12) {
																	  return "<a href='/customer/showDetail?customerId="
																	  + row.customerId
																		+ "'>"+'<span title="' + data + '">' + data.substr(0, 11) + '...</span>'+"</a>";
													                } else {
													                	return "<a href='/customer/showDetail?customerId="
																		+ row.customerId
																		+ "'>"+data+"</a>";
													                }
													}
												}]
						    } );
						 
						 
						});
	</script>
</body>

</html>